<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
	<link rel="stylesheet" href="lib/layui/css/layui.css"  media="all">
	<script type="text/javascript" src="js/jquery.min.js"></script>
	<script type="text/javascript" src="lib/layui/layui.js"></script>
	<script type="text/javascript" src="./js/utils.js"></script>
	<script type="text/javascript" src="./js/xadmin.js"></script>
	<script>
		var layuitree,layer,util;
		var treedata;
		// 属性配置信息
		var attributes = {
			id: 'ID', // 对应list 数据中的ID
			parentId: 'ParentId', // 对应list 数据中的父ID
			name: 'Name', // 对应list 数据中的名称
			rootId: 0 // 自定义最外层的父ID
		};

		layui.use(['tree', "util"], function(){
			layuitree = layui.tree
					,layer = layui.layer
					,util = layui.util;


			httpGetRequest('/web/org/list',{},function(res){
				treedata = toTreeData(res.data,attributes);
				//常规用法
				layuitree.render({
					elem: '#orgtree' //默认是点击节点可进行收缩
					,data: treedata
					,click: function(obj){
						var data = obj.data;  //获取当前点击的节点数据
						//TODO 选择机构之后关闭此窗口，并且将选中的值返回给上一个页面
						parent.$("#parentId").val(data.id)
						parent.$("#parentName").val(data.title)
						//--关闭 当前页面 开始--
						var index = parent.layer.getFrameIndex(window.name);
						parent.layer.close(index);
					}
				});
			})
		});


	</script>
</head>
<body>
<div id="orgtree" class="demo-tree demo-tree-box"></div>
</body>
</html>
